/**Color Pallette
Link Blue:    72c3f9
Header Green: 478e0e
Header Blue:  6fc2fa
Text Grey:    333333
Neon Green:   9dfd4e
Nav Divider:  7ad0cd
Navy Blue:	  145398
Input BG:	  ccffff
Contact Input f5f5f5	
**/

body
{   background: #9dfd4e url("../images/layout/bg.png") repeat-x scroll center top;
    color:#666;
    font-family:"Verdana",sans-serif;
    font-size:10px;}
a
{   text-decoration: none;
    color: #72c3f9;}
p
{	line-height: 12px;
	margin: 0px 0px 15px 0px;}
	
h1
{   background: #ffffff url("../images/layout/thbg.png") repeat-x scroll center top;
	height: 25px;
	padding: 10px 0px 0px 9px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #478e0e;}
h2
{	font-size: 13px;
	font-weight: bold;
	color: #478e0e;
	margin: 0px 0px 10px 0px;}
h3
{	font-size: 13px;
	font-weight: bold;
	color: #6fc2fa;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	border-bottom: solid 1px #9dfd4e;
	padding-bottom: 5px;
	text-align: right;}
h4
{   font-size: 10px;
	font-weight: bold;}
h5
{   color: #478e0e;
	font-weight: bold;
	font-size: 10px;
	margin: 0px 0px 4px 0px;}
ul
{	margin: 0px 0px 15px 0px;}
ul li
{	padding: 0px 0px 0px 18px;
	margin: 0px 0px 5px 0px;
	background: transparent url("../images/buttons/bullet.png") no-repeat scroll 0px 2px;}

#wrapper
{	width: 1024px;
	margin: 0 auto;}
	
/**Navigation**/
#wrapper .navigation ul
{	float: right;
	position: relative;
	z-index: 1;
	height: 56px;
	margin: 0px;}
#wrapper .navigation ul li
{	float: left;
	height: 41px;
	margin: 0px;
	background-image: none;
	border-right: solid 1px #7ad0cd;
	padding: 27px 18px 16px 18px;}
#wrapper .navigation ul li.first
{	border-left: solid 1px #7ad0cd;}
#wrapper .navigation ul li a
{	color: #478e0e;
	font-size: 13px;}
#wrapper .navigation ul li a.active
{	color: #ffffff;}	

/**Main**/
#wrapper .main
{	border: solid 1px #9dfd4e;
	padding: 20px;
	background: #ffffff url("../images/layout/mainbg.png") repeat-x scroll center top;
	-moz-box-shadow: 0px 0px 30px #999; /* FF3.5+ */
  	-webkit-box-shadow: 0px 0px 30px #999; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 30px #999; /* Opera 10.5, IE 9 */
	min-height: 200px;
	position: relative;
	z-index: 2;	}

/**Logo**/	
#wrapper .main .logo
{	background: transparent url("../images/logo.png") no-repeat scroll center top;
	height: 98px;
	width: 199px;
	margin: -67px 0px 12px -10px;}
#wrapper .main .logo a
{	display: block;
	padding-top: 98px;}
	
/**Banner**/
#wrapper .main .banner
{   width: 695px;
	height: 184px;
	margin: 0px 0px 6px 0px;
	padding: 60px 0px 0px 40px;
	background: transparent url("../images/home/banner.png") no-repeat scroll center top;}
#wrapper .main .banner p
{   width: 240px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #666;
	text-shadow: 1px 1px 15px #999; /* FF3.5+, Opera 9+, Saf1+, Chrome */}
#wrapper .main .banner p.small
{   font-size: 13px;
	line-height: 17px; 
	color: #fff;}
#wrapper .main .banner p span.navy
{	color: #145398;}

/**Spotlight**/
#wrapper .main .spotlight
{   width: 232px;
	float: right;
	text-align: right;
	font-size: 10px;
	padding: 20px 0px 10px 0px;}
	
#wrapper .main .spotlight p
{	color: #333333;
	line-height: 12px;
	margin: 0px 0px 15px 0px;}

#wrapper .main .spotlight input
{   background-color: #ccffff;
	border: solid 1px #6fc2fa;
	padding: 3px 5px;
	color: #999;
	text-align: right;
	margin: 7px 0px 3px 0px;
	font-family: "Verdana";
	width: 190px;
	float: right;}
#wrapper .main .spotlight a img
{   margin: 5px -4px 12px 0px;}

#wrapper .main .homecontent
{   width: 720px;}
/**FAQ**/
#wrapper .main .homecontent .faq
{   background-color: #d5edfe;
	border: solid 1px #6fc2fa;
	padding: 5px;
	width: 188px;
	float: left;
	margin: 0px 24px 0px 0px;}
#wrapper .main .homecontent .faq ul li
{   margin: 0px 0px 15px 2px;
	padding: 0px 0px 0px 18px;
	font-weight: bold;
	min-height: 15px;
	cursor: pointer;
	font-size: 10px;
	background: transparent url("../images/buttons/plus.png") no-repeat scroll left top;}
#wrapper .main .homecontent .faq ul li.minus
{   background: transparent url("../images/buttons/minus.png") no-repeat scroll left top;}
#wrapper .main .homecontent .faq ul li div
{   font-weight: normal;
	margin: 4px 0px 4px 0px;}
#wrapper .main .homecontent .faq ul li a
{   color: #666;
	cursor: pointer;}	
/**AGENDA**/
#wrapper .main .homecontent .agenda
{   background-color: #fff;
	border: solid 1px #6fc2fa;
	padding: 5px;
	width: 480px;
	float: right;}
#wrapper .main .homecontent .agenda table tr td
{   padding: 6px;}
#wrapper .main .homecontent .agenda table tr td div.img
{   float: right;
	width: 55px;
	height: 55px;
	border: solid 1px #478e0e;
	background-color: #fff;
	padding: 2px;
	margin: 0px 0px 5px 5px;}
#wrapper .main .homecontent .agenda table tr td div.img img
{ 	width: 55px;
	height: 55px;}
	
/**Secondary Content**/
#wrapper .main .content
{   margin: 30px 15px 0px 0px;
	width: 725px;}
	
/**Contact**/
#wrapper .main .content table tr td
{	padding: 10px;}
#wrapper .main .content table tr td input
{   width: 250px;
	background-color: #f5f5f5;
	height: 18px;
	padding: 5px 3px 1px 3px;
	color: #666;
	border: solid 1px #9dfd4e;}
#wrapper .main .content table tr td textarea
{   width: 527px;
	background-color: #f5f5f5;
	height: 300px;
	padding: 3px;
	color: #666;
	font-size: 10px;
	font-family: "Verdana";
	border: solid 1px #9dfd4e;}	
#wrapper .main .content table tr td.right
{   text-align: right;
	padding: 0px 3px 0px 0px;}
	
/**All Events**/
#wrapper .main .content .events
{   background-color: #d5edfe;
	border: solid 1px #6fc2fa;
	padding: 5px;}
#wrapper .main .content .events table tr th
{   background: #ffffff url("../images/layout/thbg.png") repeat-x scroll center top;
	font-weight: normal;
	padding: 8px 9px 6px 9px;
	font-size: 11px;
	text-align: left;}
#wrapper .main .content .events table tr th div
{   font-size: 10px;
	color: #999;}
#wrapper .main .content .events table tr td div.img
{   float: right;
	border: solid 1px #478e0e;
	background-color: #fff;
	padding: 2px;
	margin: 0px 0px 5px 5px;}
#wrapper .main .content .events table tr td
{   border-bottom: solid 1px #9dfd4e;}
#wrapper .main .content .events table tr.last td
{   border-bottom: none;}
td.green
{   color: #478e0e;
	font-weight: bold;}		
	
/**Footer**/
#wrapper .footer
{   position: relative;
	z-index: 1;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;}
#wrapper .footer img
{   vertical-align: middle;}
#wrapper .footer span
{   margin: 2px 0px 0px 15px;
	color: #999;}
	

/**Misc**/
.clear
{   clear: both;}
.open
{   display: block;}
.close
{   display: none;}
